﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Login.aspx.cs" Inherits="Administrator_Login" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Login Administrator</title>
    <link href="../Styles/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
      body {
        padding-top: 120px;
        padding-bottom: 120px;
        background:#F0F0F0
      }
      .form-login {
          padding:3px 5px;
          margin:auto;
          width:350px;
      }
      
      .form-login h1 {
          text-align:center;
          padding:4px 5px;
          margin-bottom:10px;
          color:#999;
      }
      
      .form-login form {
          border:1px solid #E5E5E5;
          padding:40px;
          background:#FFF;
          -webkit-box-shadow: rgba(200, 200, 200, 0.7) 0 4px 10px -1px;
          box-shadow: rgba(200, 200, 200, 0.7) 0 4px 10px -1px;
          position:relative;
      }
      
      .form-login form label{
          display:block;
          color:#999;
          font-family:Tahoma;
          font-weight:normal;
      }
      
      .form-login form input[type="text"], .form-login form input[type="password"] {
          width:265px;
          font-size:18px;
          padding:5px 2px;
      }
      
      .form-login form button {
          position:absolute;
          right:40px;
          bottom:40px;
      }
      
      .form-login div {
          padding:0px 40px;
      }
      
    </style>
    <link href="~/Styles/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" />
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>
<body>
    <div class="form-login">
        <h1>Administrator</h1>
        <form action="Login.aspx" method="post">
            <p>
            <label for="username">Email or Username:</label>
            <input type="text" name="username" value="" />
            </p>
            <p>
            <label for="password">Password:</label>
            <input type="password" name="password" value="" />
            </p>
            <label class="checkbox">
                    <input type="checkbox" name="remember" value="1" /> Remember Me
            </label>
            <button class="btn btn-primary" type="submit">Login</button>
        </form>
        <div>
            <a href="#"><b class="icon-backward"></b> Back to Website</a> | <a href="#">Lost password <b class="icon-forward"></b></a>
        </div>
    </div>
    <script type="text/javascript" src="../Scripts/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="../Scripts/js/bootstrap.min.js"></script>
</body>
</html>
